<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/list.css"/>
		<link rel="stylesheet" type="text/css" href="../../js/bootstrap/bootstrap-table.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../js/bootstrap/bootstrap.min.css"/>
		<script src="../../js/bootstrap/jquery.min.js"></script>
		<script src="../../js/bootstrap/bootstrap.min.js"></script>
		<script src="../../js/bootstrap/bootstrap-table.min.js"></script>
		<script src="../../js/bootstrap/bootstrap-table-zh-CN.min.js"></script>
	</head>
	<body>
		<table id="express_list"></table>
		<script>
			$(function () {
				$("#express_list").bootstrapTable({
					url:"/express/list.do", // 请求地址
					striped:true, // 是否显示行间隔
					pageNumber:1, // 初始化时加载的是第几页(从1开始)
					pagination:true, // 是否分页
					sidePagination:"server", // 服务器端分页还是客户端分页，服务端分页传递的数据量更少，局部刷新更有效率
					pageSize:5,  // 每页显示的行数
					pageList:[5,10,20], // 可选的单页记录数
					showRefresh:true, // 是否显示刷新按钮
					// 向服务器传递参数
					queryParams:function (params) {
						let tmp = {
							// 参数由控件根据用户设置确定
							offset:params.offset,
							exSize:params.limit
						};
						return tmp;
					},
					// 对表格的列进行配置，即每个列对应的是服务器返回的哪个数据
					columns:[
						// 通过JSON对象描述每个列的数据
						{
							title:"编号", // 显示的列名
							field:"id", // 对应的服务器返回数据的字段
							sortable:false // 是否可以排序
						},
						{
							title:"单号",
							field:"ex_num",
							sortable:false
						},
						{
							title:"收件人",
							field:"username",
							sortable:false
						},
						{
							title:"收货电话",
							field:"userphone",
							sortable:false
						},
						{
							title:"快递公司",
							field:"company",
							sortable:false
						},
						{
							title:"取件码",
							field:"code",
							sortable:false
						},
						{
							title:"入库时间",
							field:"intime",
							sortable:false
						},
						{
							title:"出库时间",
							field:"outtime",
							sortable:false
						},
						{
							title:"快件状态",
							field:"status",
							sortable:false
						},
						{
							title:"录入人手机号",
							field:"staffphone",
							sortable:false
						}
					]
				});
			});
		</script>
	</body>
</html>
